<template>
	<view class="pay_suc">
		<view class="prompt_box dis_fx fx_column fx_center fx_center_column pos_r">
			<image src="../../../static/success.png"></image>
			<text>支付成功！</text>
			<view class="prompt">还差一步就可以畅玩啦！</view>
			<!-- <view class="integral">+200积分</view> -->
		</view>
		<!-- <view class="item_box dis_fx fx_between">
			<view class="item">
				<view class="text text_center"><view>还差<text>4</text>人成团</view><view>还可以拿奖励哦！</view></view>
				<navigator url="">邀请好友组团 ></navigator>
			</view>
			<view class="item">
				<view class="text">仅需补<text>888</text>元车价</view>
				<navigator url="">不相等，立即成行 ></navigator>
			</view>
		</view>
		<view class="item_box dis_fx fx_between">
			<view class="item">
				<view class="text">与新朋友一起旅行</view>
				<navigator url="">允许拼团 ></navigator>
			</view>
		</view> -->
		<navigator url="/pages/order/myOrder/myOrder" class="enter_btn" >查看订单</navigator>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		onLoad(){
			
		},
		methods: {
			
		}
	}
</script>

<style>
	.pay_suc .prompt_box{
		padding-top: 110upx;
	}
	.pay_suc .prompt_box image{
		width: 200upx;
		height: 200upx;
	}
	.pay_suc .prompt_box text{
		font-size: 32upx;
		color: #FFC800;
		font-weight: 600;
		margin-top: 40upx;
	}
	.pay_suc .prompt_box .prompt{
		font-size: 36upx;
		color: #333;
		margin: 59upx 0 80upx
	}
	.pay_suc .prompt_box .integral{
		background: #FFF4F0;
		font-size: 36upx;
		color: #333;
		width: 160upx;
		height: 46upx;
		border-radius: 23upx;
		color: #FC5C1D;
		font-size: 24upx;
		line-height: 46upx;
		text-align: center;
		position: absolute;
		top: 40upx;
		right: 30upx;
	}
	.pay_suc .item_box{
		padding: 24upx;
	}
	.pay_suc .item_box .item{
		background: #FCF8E9;
		width: 300upx;
		height: 200upx;
		padding: 30upx 0;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		line-height: 40upx;
	}
	.pay_suc .item_box .item .text{
		font-size: 26upx;
		color: #757575;
		height: 80upx;
	}
	.pay_suc .item_box .item .text text{
		color: #FC5C1D;
	}
	.pay_suc .item_box .item navigator{
		color: #FC5C1D;
		font-size: 28upx;
		margin-top: 20upx;
	}
	.pay_suc .enter_btn{
		width:100%;
		height:98upx;
		background:rgba(255,200,0,1);
		color:rgba(51,51,51,1);
		font-size:36upx;
		line-height: 98upx;
		text-align: center;
		position: fixed;
		bottom: 0;
		left: 0;
	}
</style>
